
li{
    list-style: none;
}
label,dt{
	font-weight: 100;
}
.main_bd {
	padding: 5px 5px 0 20px;
}
.daterange-time{
    border-radius: 0;
}
.frm_tips, .frm_msg {
    font-size: 13px;
    width: 600px;
}
.font_ff5f27 {
	color: #ff5f27!important;
}
.font_green {
	color: #44b549;
}
.font_999{
    color: #999;
}
.frm_input_mid {
	width: 150px;
}
.frm_input_mini{
    width: 70px;
}
.frm_input_200{
    width: 200px;
}
.frm_input{
	margin:0;
}
.single_img_upload button {
    border: 1px solid #ddd;
    width: 80px;
    height: 40px;
    border-radius: 0;
}
.single_img_upload input {
    display: none!important;
}
.single_img_upload .btn {
    padding: 0;
}
.edui-editor, .edui-editor-iframeholder {
    width: 100%!important;
}
.textarea_item{
    max-width: 640px;
}
.tips_width_200{
	width: 400px;
}
form .tool_bar{
	margin: 0;
	padding: 0;
	padding-left: 90px;
	padding-bottom: 10px;
}

.main_bd .sub_title_bar {
    margin-top: 10px;
    padding: 0;
}

.main_bd .notificationCenterPage {
    margin:0;
    margin-top: 10px;
}

.dropdown_topbar{
	display: inline-block;
}
.inb{
    display: inline-block;
}
tbody {
	border: 1px solid #e7e7eb;
}
tbody td.dropbox{
	overflow: visible!important;
}
.table{
	margin-top: 10px;
}
.bottom_page{
	padding: 10px 0;
}
.bottom_page .pagination {
    padding: 0px;
}
.item_cell_box{
	display: flex;
}
.align_center{
    align-items: center;
}
.item_cell_flex{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.font_13px_999{
    font-size: 13px;
}
.alldeal_btn{
    background: #fff;
    border: 0;
    text-align: center;
    width: 100%;
}
.alldeal_btn:hover{
	background: #f3f4f5;
}
.distance_box{
    margin-bottom: 5px;
}
.space_wrap{
    white-space: inherit!important;
}
.hidden_item{
    display: none;
}
/*loading*/
.load_mask{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(8, 8, 8, 0.1);
    left: 0;
    top: 0;
    z-index:2222;
}
.modal-loading{
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left:-50px;
    z-index: 3333;
}
.modal-loading-in{
    text-align: center;
    background: #120808;
    color: #fff;
    border-radius: 5px;
    padding: 20px;
}


/*区域选择*/
.area_select_dialog{
	width: 726px; 
	display: block; 
	margin-left: -363px; 
	margin-top: -301.5px;	
}

.unchoose_scope,.choosed_scope {
    border: 1px solid #e7e7eb;
    float: left;
    zoom:1;
    height: 300px;
    width: 200px;
    overflow: visible;
    background-color: #fff;
	margin-left: 50px;	
}

.scope_area {
    margin-top: 10px;
    height: 302px;
    overflow: hidden
}

.scope_area .frm_msg.fail {
    padding-left: 10px
}

.unchoose_scope,.choosed_scope {
    border: 1px solid #e7e7eb;
    float: left;
    zoom:1
    /* height: 300px; */
    width: 200px;
    overflow: visible;
    background-color: #fff;
    margin-left: 50px;
}

.scope_hd {
    height: 27px;
    line-height: 27px;
    position: relative;
    background-color: #f4f5f9;
    text-align: left;	
}

.scope_hd label {
    display: block;
    cursor: pointer;
    margin-left: 10px;
    cursor: default;
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px
}

.scope_hd:hover {
    background-color: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.scope_hd label:hover {
    cursor: default
}

.scope_list {
    height: 275px;
    overflow-y: scroll;
    zoom:1
    position: relative
}


.scope_list dd.first_dd_list {
    margin-top: 10px
}

.scope_list dd a {
    display: block;
    height: 24px;
    /* line-height: 24px; */
    color: #222;
    overflow: hidden;
}

.scope_list dd a:hover {
    background-color: #ccced3;
    text-decoration: none
}

.scope_list dd a.disabled {
    color: #a3a3a3
}

.scope_list dd a.disabled:hover {
    color: #a3a3a3;
    background: 0;
    cursor: default
}

.scope_list dd a .sub_icon {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    text-indent: -999em;
    margin-top: 6px;
    float: left;
    margin-left: 10px
}
.scope_list dd a.selected {
    background-color: #ccced3;
    color: #fff;
    text-decoration: none;
}


.delivery_box .unchoose_scope, .delivery_box .choosed_scope {
	margin-left: 8px;
}
.delivery_box .area_select_dialog .scope_area {
	padding-left: 0;
}
.delivery_box .dialog_bd {
	padding: 36px 10px 100px;
}
.delivery_box .scope_hd {
	text-align: center;
}
.delivery_box .scope_list dd a {
	padding-left:10px;
}
.delivery_item_province ,.delivery_item_city,.delivery_item_county{
	padding:5px;
}
.delivery_item_province ,.delivery_item_city{
	width:60px;
}
.area_select_dialog .scope_area {
    padding-left: 45px;
}

/*活动数据*/
.ml10{
    margin-left: 10px;
}
.btn_add {
    border: 1px solid #ddd;
}
.a_href{
border: 0;
    background: #fff;
    font-size: 14px;
    color: #459ae9;
}
.userinfo-address{
    display: inline-block;
    padding: 30px 10px;
    border: 1px solid #ddd;
    position: relative;
    margin-top: 10px;
}
.userinfo-title{
    position: absolute;
    top: -14px;
    left: 5px;
}
.userinfo-address li{
    padding: 10px 0;
}
.userinfo-address input{
    border: 1px solid #ddd;
    width: 300px;
}
.edit-address{
    position: absolute;
    right: 0;
    bottom: -10px;
}
i.search_gray{
    margin-top: -10px!important;
}
.frm_input_box_200px{
    width: 200px;
}
.frm_input_box_50{
    width: 50px;
}
.frm_input_box_70{
    width: 70px;
}
.frm_input_box_100{
    width: 100px;
}
.frm_input_box_150{
    width: 150px;
}
.frm_input_box_200{
    width: 200px;
}
.frm_input_box_300{
    width: 300px;
}
/*排序编辑框*/
.edit_number_input{
    border: 0;
    cursor: pointer;
    height: 30px;
    padding: 5px 10px;
}
.edit_number_input_act{
    background: #f3f4f9;
}

/*发布文章*/
.article_left_top{
    text-align: center;
}
.my_article_box{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 100px;
    position: relative;
}
.article_left{
    width: 330px;
    float: left;
    margin-right: 8px;
}
.article_right{
    display: table-cell;
    vertical-align: top;
    float: none;
    width: auto;
    min-width: 400px;
}
.article_left_top{
    border: 1px solid #e7e7eb;
    background-color: #fff;
    padding: 3%;
    margin-top: 20px;
    cursor:pointer;
}
.temp_head_item {
    display: inline-block;
    padding: 10px;
    margin-right: 10px;
}
.temp_head_item_select{
    background: #44b549;
    color: #fff;
}
.article_left_mobile{
    border: 1px solid #e7e7eb;
    background-color: #fff;
    padding: 3%;
    margin-top: 20px;
    cursor:pointer;
    border-radius: 10px;
}

.mobile_top{
    width: 100%;
    height: 50px;
    background: url(../../../public/images/iphone_head.png) no-repeat;
    background-position: center;
}
.mobile_head{
    width: 100%;
    height: 50px;
    background: url(../../../public/images/phone_top.png) no-repeat;
    background-size: 100% 54px;
    color: #fff;
    text-align: center;
    line-height: 60px;
}
.mobile_head .title{
    display: inline-block;
    width: 150px;
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile_bottom{
    width: 100%;
    height: 60px;
    background: url(../../../public/images/app_bottom.png) no-repeat;
    background-size: 40px 40px;
    background-position: center;
}
.page-content{
    border: 1px solid #B7B7B7;
}
.mobile_body{
    position: relative;
    min-height: 450px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100%;
    /*height: 438px;*/
}


/*images*/
.design_single_box {
    align-items: center;
    padding: 0 20px;
}
.design_single_img{
    max-height: 110px;
    max-width: 400px;
}
.design_single_box .edit_image_upload{
    width: 80px;
    height: 80px;
}


/*右边*/
.portable_editor{
    position: relative;
    padding-left: 12px;
}
.editor_inner{
    padding: 10px 20px;
    background-color: #f4f5f9;
    border: 1px solid #e7e7eb;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    min-height: 200px;
}
.portable_editor .edit_item {
    margin-top: 25px;
    margin-bottom: 25px;
}
.editor_arrow_wrp {
    position: absolute;
    left: 0;
    top: 18.5px;
}
.portable_editor .editor_arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: dashed;
    border-color: transparent;
    border-left-width: 0;
    border-right-color: #e7e7eb;
    border-right-style: solid;
    position: absolute;
}
.portable_editor .editor_arrow_in {
    left: 1px;
    border-right-color: #f4f5f9;
}
.portable_editor .editor_arrow_out {
    left: 0;
}
.focused_style{
    border:1px solid #000;
    border: 2px dashed #84C73A;
}
.article_view_selected {
    border : 2px dashed #02EC14;
}
.mobile_body .view_item{
    position: relative;
    overflow: hidden;
}

.module_box{
    position: fixed;
    bottom: 40px;
    right: 100px;
    z-index: 1000;
}
.module_box span{
    margin:5px;
}
.modules_list{
    position: absolute;
    bottom: 55px;
    background: #A5A5AC;
    width: 220px;
    left: 0px;
    border: 2px solid #fff;
}
.article_type{
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
    width: 400px;
    margin: 0 auto;
}

.article_type .create_access_primary {
    display: inline-block;
    border: 2px dotted #d9dadc;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    color: #808080;
    padding: 0 20px;
    margin: 20px; 
    text-decoration: blink;
}
.frm_label{
    margin-top: 0;
}
.edit_image_upload{
    width: 50px;
    height: 50px;
    position: relative;
    background: #fff;
    cursor:pointer;
}
.edit_image_notice{
    display: inline-block;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
    bottom: 0;
    position: absolute;
}
.upload_image_img{
    position: absolute;
    width: 100%;
    height: 100%;
}
p.notice_mini , span.notice_mini{
    padding: 0;
    font-size:13px;
}
.temp_item .frm_control_group {
    margin-bottom: 15px;
}
.my_article_box li {
    padding-bottom: 0;
}
.my_slider_line {
    width: 200px;
    margin-top: 8px;
    display: inline-block;
}
.my_slider_notice {
    font-size: 13px;
}
.edit_data_item {
    border: 2px solid #fff;
    margin-bottom: 10px;
    padding: 5px 0;
    position: relative;
}
.good_item_fix{
    width: 70px;
}
.delete_this{
    position: absolute;
    right: -10px;
    top: -10px;
    border: 1px solid #fff;
    padding: 4px;
    display: inline-block;
    background: #ddd;
    color: #fff;
    width: 23px;
    height: 23px;
    line-height: 9px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
}
.del_modules{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0px 10px;
    background: rgba(0, 0, 0, 0.47);
    color: #fff;
    display: none;
    font-size: 12px;
    z-index: 5;
}

.images_art{
    height: 400px;
    border: 1px solid #B7B7B7;
    border-top: 0;
    position: relative;
    overflow:hidden;
}
.images_art .left{
    position: absolute;
    top: 50%;
    left: 10px;
    background: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    margin-top: -30px;
    background-image: url(../../../public/images/left.png);
    background-size: 14px 22px;
    background-repeat: no-repeat;
    background-position: 6px;
}
.images_art .right{
    position: absolute;
    top: 50%;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    margin-top: -30px;
    background-image: url(../../../public/images/left.png);
    background-size: 14px 22px;
    background-repeat: no-repeat;
    background-position: 6px;
    transform: rotate(180deg);
}

.leftbtn_hide {
    animation: leftbtn_hide 0.5s ;
    -webkit-animation : leftbtn_hide 0.5s;
    animation-fill-mode(forwards);
    -webkit-animation-fill-mode(forwards);
}

@keyframes leftbtn_hide {
    from{
        transform: translate(0px, 0px);
    }to{
        transform: translate(-320px, 0px);
    }
}
@-webkit-keyframes leftbtn_hide {
    from{
        transform: translate(0px, 0px);
    }to{
        transform: translate(-320px, 0px);
    }
}
.leftbtn_show {
    animation: leftbtn_show 0.5s ;
    -webkit-animation : leftbtn_show 0.5s;
    animation-fill-mode(forwards);
    -webkit-animation-fill-mode(forwards);
}

@keyframes leftbtn_show {
    from{
        transform: translate(320px, 0px) scale(0.9);
        
    }to{
        transform: translate(0px, 0px) scale(1);
        
    }
}
@-webkit-keyframes leftbtn_show {
    from{
        transform: translate(320px, 0px) scale(0.9);
        
    }to{
        transform: translate(0px, 0px) scale(1);
       
    }
}

.rightbtn_hide {
    animation: rightbtn_hide 0.5s ;
    -webkit-animation : rightbtn_hide 0.5s;
    animation-fill-mode(forwards);
    -webkit-animation-fill-mode(forwards);
}

@keyframes rightbtn_hide {
    from{
        transform: translate(0px, 0px);
    }to{
        transform: translate(320px, 0px);
    }
}
@-webkit-keyframes rightbtn_hide {
    from{
        transform: translate(0px, 0px);
    }to{
        transform: translate(320px, 0px);
    }
}

.rightbtn_show {
    animation: rightbtn_show 0.5s ;
    -webkit-animation : rightbtn_show 0.5s;
    animation-fill-mode(forwards);
    -webkit-animation-fill-mode(forwards);
}

@keyframes rightbtn_show {
    from{
        transform: translate(-320px, 0px) scale(0.9);
    }to{
        transform: translate(0px, 0px) scale(1);
    }
}
@-webkit-keyframes rightbtn_show {
    from{
        transform: translate(-320px, 0px) scale(0.9);
    }to{
        transform: translate(0px, 0px) scale(1);
    }
}

.images_art_box {
    display: none!important;
}
.showme{
    display: -webkit-flex!important;
}
.showmeblock{
    display: block!important;
}
.arttype2_addimg{
    margin-left: 12px;
    margin-top: 20px;
    font-size: 20px;
    text-decoration: blink;
    cursor: pointer;
}
.my_article_box_in {
    display: none;
}

/*setting*/
.settings_group{
    display: none;
    margin-top: 35px;
}
.settings_group:nth-of-type(1){
    display: block;
}
.tpl_form_field_date input{
    padding-left: 12px;
    border: 0;
    width: 280px;
    background: #fff!important;
    border-radius: 0;
    border: 1px solid #e7e7eb;
    box-shadow: 0 0 0 0;
}

.much_pic .multi-item img {
    width: 80px;
    height: 80px;
}
.multi-img-details .multi-item {
    margin-right: 30px;
}
.much_pic .multi-item {
    height: 80px;
}
.multi-item .movetoleft {
    font-weight: 700;
    font-size: 16px;
    color: #999;
    left: -10px;
    position: absolute;
    top: 30px;
    cursor: pointer;
}
.opclass {
    overflow:visible!important;
}
.drop_down_edit{
    position: relative;
    display: inline-block;
}
.drop_down_edit .dropdown_menu_box{
    position: absolute;
    right: 0;
    top: 25px;
}
.drop_down_input{
    border: 1px solid #f3f4f9;
    padding: 0 5px;
    height: 30px;
    width: 100%;
}
.drop_down_inputitem{
    margin-bottom: 15px;
}
.rule_sortleft{
    width: 100px;
    white-space: nowrap;
    overflow:hidden;
    text-align: right;
    padding-right: 10px;
}
.rule_sortbox{
    border: 1px solid #f3f4f9;
    padding:5px;
}
.share_info {
    padding: 10px;
}
.share_info ul{
    width: 50%;
    border-right: 1px solid #ddd;
}
.share_info ul:nth-of-type(2){
    border-right: none;
}
.share_info li{
    text-align: center;
}
.shareinfo_title {
    font-weight: 700;
}
.shareinfo_number{
    font-size: 24px;
    color: green;
}
.textarea_60px{
    height: 60px;
}
.textarea_60px textarea{
    height: 55px;
}
.textarea_80px{
    height: 80px;
}
.textarea_80px textarea{
    height: 75px;
}

/**/
.edit_right_list{
    padding: 20px 5px 50px 5px;
    background: #EBEFEA;
    position: relative;
}
.width_200{
    width: 200px!important;
}
.width_550{
    width: 550px;
}
.width_750{
    width: 750px; 
}
.width_850{
    width: 850px; 
}
.edit_right_item{
    margin: 10px 0;
}


.edit_right_btn{
    position: absolute;
    bottom: -10px;
    right: 10px;
}
.edit_item_disable{
    background: #EBEFEA;
}

/*修复多图片*/
.multi-img-details {
    overflow: hidden;
}
.multi-img-details .multi-item {
    height: 80px;
    width: 80px;
}
.multi-img-details .multi-item img {
    height: 100%;
    width: 100%;
    cursor: pointer;
}
/**/
.delivery_in_box{
    border: 1px solid #ddd;
    padding: 20px 5px 40px 5px;
    position: relative;
    margin-bottom: 30px;
}
.delivery_in_box .express_btn_out{
    position: absolute;
    top: -12px;
}
.delivery_in_box .add_a_shop{
    margin-top: 10px;
    display: inline-block;
}
.delivery_in_box .shop_item{
    margin:5px 0;
}

/**/
.delete_c{
    position: absolute;
    right: -5px;
    top: -8px;
    border: 1px solid #333;
    width: 15px;
    height: 15px;
    line-height: 11px;
    text-align: center;
    border-radius: 50%;
    background: #333;
    color: #fff;
    cursor: pointer;
}
/**/
.group_rule_box .edit_right_item{
    border: 1px solid #07CC56;
    padding: 10px;
    position: relative;
}
.group_rule_item{
    margin: 5px 0;
}
.group_rule_item .frm_input_box{
    margin-top: 5px;
    margin-right: 10px;
}
.rule_list .frm_input_box {
    text-align: center;
    background: #BDE0B4;

}
.group_rule_box .frm_input_box input{
    cursor: pointer;
    text-align: center;
}
.add_rule_item{
    white-space: nowrap;
}
.rule_list{
    font-size: 0;
}
.rule_list *{
    font-size: 14px;
}


.td_col_1{
    white-space: normal!important;
    width: 10%;
}
.td_col_2{
    white-space: normal!important;
    width: 20%;
}
.td_col_3{
    white-space: normal!important;
    width: 30%;
}
.td_col_4{
    white-space: normal!important;
    width: 40%;
}
.td_col_5{
    white-space: normal!important;
    width: 50%;
}
.td_col_6{
    white-space: normal!important;
    width: 60%;
}
.td_col_7{
    white-space: normal!important;
    width: 70%;
}
.td_col_8{
    white-space: normal!important;
    width: 80%;
}
.td_col_9{
    white-space: normal!important;
    width: 90%;
}
.td_col_10{
    white-space: normal!important;
    width: 100%;
}
.mt20{
    margin-top: 20px;
}
.left_title_box{
    position: relative;
}
.left_title_box i{
    position: absolute;
    padding: 2px 8px;
    height: 18px;
    line-height: 12px;
    top: 8px;
    text-align: center;
    background: #F00;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    margin-left: 6px;
}
.top_title_box i{
    position: relative;
    top: 0;
    margin-left: -3px;
    border-radius: 18px;
    padding: 0 8px;
}

.time_title{
    min-width: 140px;
}
.address_info input{
    border:1px solid #f3f4f9;
}



/*data页面*/
.siteinfo_chart  button {
    border-radius: 0;
    border-color: #f3f4f9;
}

.siteinfo_chart .index_tap {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    width:100%;
}
.siteinfo_chart .index_tap.added .inner {
    background-color: #7cbae5;
    overflow: hidden;
    text-align: center; 
}

.siteinfo_chart .index_tap.added .index_tap_item {
    width: 50%;
    float: left;
}
.siteinfo_chart .index_tap.added .tap_inner {
    border-right: 1px solid #6fa7ce;
    display: block;
}
.siteinfo_chart .index_tap .inner .index_tap_item.send_goods_num i.icon_index_tap {
    display: inline-block;
    height: 34px;
    width: 34px;
    margin-right: 1px;
    background: url("https://res.wx.qq.com/mpres/zh_CN/htmledition/comm_htmledition/style/page/shop/shop_overview_z218878.png") 0 -57px no-repeat;
    vertical-align: middle;
}
.siteinfo_chart .index_tap .inner .index_tap_item.rights_num i.icon_index_tap {
    display: inline-block;
    height: 34px;
    width: 34px;
    margin-right: 5px;
    background: url("https://res.wx.qq.com/mpres/zh_CN/htmledition/comm_htmledition/style/page/shop/shop_overview_z218878.png") 0 -101px no-repeat;
    vertical-align: middle;
}

.siteinfo_chart .index_tap .inner .index_tap_item .number {
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    font-size: 35px;
    text-shadow: none;
}
.siteinfo_chart .index_tap .inner .index_tap_item .title {
    display: block;
    font-weight: 400;
    font-style: normal;
    margin-top: -10px;
    font-size: 16px;
    letter-spacing: 2px;
    text-shadow: none;
}
.siteinfo_chart .index_tap .inner .index_tap_item a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding-top: 26px;
    padding-bottom: 26px;   
}
.siteinfo_chart .info_box {
    margin-bottom: 20px;
}
.siteinfo_chart .info_box .inner {
    border: 1px solid #e7e7eb;
}
.siteinfo_chart .info_box .info_hd {
    line-height: 38px;
    height: 38px;
    padding: 10px 20px;
    background-color: #f4f5f9;
    border-bottom: 1px solid #e7e7eb;
}
.siteinfo_chart .info_box .info_hd  h4{
    margin:0;
}
.siteinfo_chart .basic_data-val {
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: -5px;
    color: #676767;
}
.siteinfo_chart   .basic_data-wrapper {
    padding: 20px 0;
    background-color: #fff;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}
.siteinfo_chart  .basic_data-item {
    border: 0;
    width: 150px;
    float: left;
    text-align: center;
    width: 25%;
}
.siteinfo_chart .basic_data-list{
    overflow:hidden;
}
.mobile_body .show_item{
    position: absolute;
}
.mobile_body .view-nick{
    border:1px solid #000;
}
.mobile_body .view-txt{
    display: inline-block;
    border:1px solid #f3f4f9;
    white-space: nowrap;
}
.hideitem {
    display: none;
}
/**/
.baidu_map{
    width: 600px;
    height: 400px;
    margin-top: 10px;
}
.map_box{
    position: relative;
    width: 600px;
}
.map_search{
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    width: 147px;
}
/**/

.set_prize_box .mobile_body {
    overflow-y: auto;
}

.set_prize_box ::-webkit-scrollbar {
    width: 8px
}

.set_prize_box ::-webkit-scrollbar-track-piece {
    border: none;
    background-color: #f5f5f5
}

.set_prize_box ::-webkit-scrollbar-thumb {
    width: 8px;
    background: #cbcbcb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.set_prize_box ::-webkit-scrollbar-thumb:hover {
    background: #44b549
}
.fix_top_list{
    margin-top: 20px;
    margin-left: 10px;
}
.fix_item{
    display: inline-block;
    border:1px solid #ddd;
    padding: 2px 5px;
    margin-right: 5px;
    height: 29px;
    cursor: pointer;
}
.fix_item_act{
    background: #44b549;
    color: #fff!important;
}

.datetimepicker {
    border-radius: 0;
    display: inline-block;
    width: auto;
    width: 315px;
    background: #fff!important;
}
.fr{
    float: right;
}
.fl{
    float: left;
}
.font_mini{
    font-size: 12px;
    color: #999l
}
.drop_down_select{
    width: 100%;
    height: 33px;
    border: 1px solid #ddd;
}

.good_qrcode_box{
    position: relative;
}
.good_qrcode_box img{
    display: none;
    position: absolute;
    right: 0;
    top:20px;
    z-index: 11;
    border: 1px solid #000;
}

/*step*/
.sui-steps {
  font-size: 0px;
  overflow: hidden;
  line-height: 0px;
  margin: 18px 0px;
}
.sui-steps .wrap {
  display: inline-block;
}
.sui-steps .wrap > div {
  width: 195px;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  vertical-align: top;
  font-size: 12px;
  position: relative;
}
.sui-steps .wrap > div > label {
  margin-left: 26px;
  cursor: default;
}
.sui-steps .triangle-right {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 16px;
  position: absolute;
  right: -31px;
  z-index: 1;
}
.sui-steps .triangle-right-bg {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 16px;
  position: absolute;
  right: -31px;
  z-index: 1;
  border-width: 20px;
  right: -40px;
  border-color: transparent transparent transparent #FFF;
  top: -4px;
}
.sui-steps .round {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  line-height: 16px;
}
.sui-steps .round .sui-icon {
  vertical-align: -1px;
}
.sui-steps .round + span:before {
  content: '\00a0';
}
.sui-steps .finished {
  background-color: #28a3ef;
  color: #ffffff;
}
.sui-steps .finished .triangle-right {
  border-color: transparent transparent transparent #28a3ef;
}
.sui-steps .finished .round {
  background-color: #ffffff;
  background-color: transparent\9;
  color: #28a3ef;
}
.sui-steps .finished .round > i {
  color: #28a3ef;
  font-size: 12px;
}
.sui-steps .current {
  background-color: #4cb9fc;
  color: #ffffff;
}
.sui-steps .current .triangle-right {
  border-color: transparent transparent transparent #4cb9fc;
}
.sui-steps .current .round {
  background-color: #ffffff;
  color: #4cb9fc;
  color: #FFF\9;
  background-color: transparent\9;
}
.sui-steps .todo {
  background-color: #eeeeee;
  color: #999999;
}
.sui-steps .todo .triangle-right {
  border-color: transparent transparent transparent #eeeeee;
}
.sui-steps .todo .round {
  background-color: #ffffff;
  background-color: transparent\9;
}
.steps-large .wrap > div {
  font-size: 14px;
  width: 243.75px;
  height: 40px;
  line-height: 40px;
}
.steps-large .wrap > div > label {
  font-size: 14px;
  margin-left: 30px;
}
.steps-large .triangle-right {
  border-width: 20px;
  right: -39px;
}
.steps-large .triangle-right-bg {
  border-width: 24px;
  right: -48px;
}
.steps-large .round {
  width: 18px;
  height: 18px;
  line-height: 18px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.steps-auto {
  display: table;
  width: 100%;
}
.steps-auto .wrap {
  display: table-cell;
}
.steps-auto .wrap > div {
  width: 100%;
}
.sui-steps-round {
  font-size: 0px;
  overflow: hidden;
  line-height: 0px;
  margin: 18px 0px;
  padding: 0px 6px;
}
.sui-steps-round > div {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.sui-steps-round > div .wrap:before,
.sui-steps-round > div .wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.sui-steps-round > div .wrap:after {
  clear: both;
}
.sui-steps-round > div > label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  margin-top: 6px;
  color: #28a3ef;
  cursor: default;
  text-align: center;
  width: 50%;
  margin-left: -25%;
  position: relative;
  left: 15px;
}
.sui-steps-round > div:first-child > label {
  width: auto;
  max-width: 50%;
  margin-left: 0;
  left: 0;
}
.sui-steps-round > div:last-child,
.sui-steps-round > div.last {
  width: 30px !important;
}
.sui-steps-round > div:last-child > label,
.sui-steps-round > div.last > label {
  position: absolute;
  width: auto;
  margin-left: 0;
  left: auto;
  right: 0;
}
.sui-steps-round > div .round {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #FFF;
  line-height: 22px;
  text-align: center;
  float: left;
}
.sui-steps-round > div .bar {
  margin: 10px 10px 0px 40px;
  width: 200px;
  height: 6px;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sui-steps-round > .finished .round {
  border: 4px #28a3ef solid;
  background-color: #28a3ef;
  color: #ffffff;
}
.sui-steps-round > .finished .bar {
  background-color: #28a3ef;
}
.sui-steps-round > .current .round {
  border: 4px #4cb9fc solid;
  background-color: #4cb9fc;
}
.sui-steps-round > .current .bar {
  background-color: #4cb9fc;
}
.sui-steps-round > .todo > label {
  color: #999999;
}
.sui-steps-round > .todo .round {
  border: 4px #d3d3d3 solid;
  background-color: #FFF;
  color: #999999;
}
.sui-steps-round > .todo .bar {
  background-color: #eeeeee;
}
.steps-round-auto {
  display: table;
  width: 100%;
}
.steps-round-auto > div {
  display: table-cell;
}
.steps-round-auto > div .bar {
  width: auto;
}
.steps-3 > div {
  width: 50%;
}
.steps-4 > div {
  width: 33%;
}
.steps-5 > div {
  width: 25%;
}
.steps-6 > div {
  width: 20%;
}
.steps-7 > div {
  width: 16%;
}

.opclass .dropdown_menu{
    width: 0px;
}
.opclass .dropdown_data_container{
    right: 0;
    left: inherit;
}
.drop_down_textarea{
    width: 100%;
    height: 70px;
    border: 1px solid #eee;
}

/*dealorder*/
.dealorder_item{
    width: 50%;
    padding: 20px;
}
.dealorder_l {
    border-right: 1px solid #eee;
}
.dealorder_war{
    color: #8d8d8d;
    font-size: 13px;
    margin-bottom: 20px;
}

/*sort*/
.sort_box_left{
    width: 25%;
    background: #EAEAEA;
    position: relative;
}
.sort_box_left li{
    border-bottom: 1px solid #ddd;
    padding: 10px 5px;
    font-size: 13px;
}
.sort_box_right {
    padding: 0 5px;
    overflow:hidden;
}
.sort_box_left .activity{
    background:#fff;
}
.sort_box_right li{
    width: 33.3%;
    float: left;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}
.sort_box_right li img{
    width: 50px;
    height: 50px;
    border-radius: 3px;
}
.sort_box_right li p{
    white-space: nowrap;
    overflow: hidden;
}
.edit_image_upload_multi{
    background: #fff;
    display: inline-block;
    padding: 8px;
    border: 1px #ddd solid;
    border-radius: 2px;
    cursor: pointer;
}
.edit_image_preview_multi img{
    width: 70px;
    height: 70px;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
}

/*preview goods*/
.goods_preview_head{
    position: relative;
    max-height: 350px;
    min-height: 100px;
    overflow: hidden;
}
.goods_preview_imglist img{
    width: 100%;
}
.goods_preview_head .goods_preview_btn{
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
}
.goods_preview_btn span{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: rgba(4, 104, 189, 0.3);
    margin: 5px;
}
.goods_preview_btn span.act_btn{
    background: rgba(4, 104, 189, 1);
}
.goods_preview_title {
    font-size: 15px;
    font-weight: 700;
    padding: 1px 10px;
    word-break: break-all;
}
.goods_preview_per {
    font-size: 13px;
    color: #888;
    padding: 1px 10px;
}
.goods_preview_price {
    padding: 1px 10px;
    border-bottom: 1px solid #ddd;
    color: #999;
    font-size: 0.65rem;
}
.goods_preview_oldprice{
    font-size: 14px;
    text-decoration: line-through;
}
.goods_preview_nowprice{
    font-size: 16px;
    color: red;
}

.goods_content_content {
    padding: 10px 0;
}
.goods_content_title{
    border-bottom: 1px solid #ddd;
}
.goods_content_title li{
    width: 50%;
    text-align: center;
    padding: 5px;
}
.goods_content {
    color: #ff5f27;
    border-bottom: 1px solid #ff5f27;
}
.webuploader-pick{
    color:#333!important;
}
th.table_cell {
    padding: 8px;
}
.select_goods_item{
    padding: 5px;
}
.time_control input{
    border:0;
    background-color: rgba(255, 255, 255, 0)!important;
}


/*pagetype*/
.mobile_body{
    background: #eee;
}
.bgfff{
    background: #fff;
}
.preview_btn{
    padding: 10px;
}
.preview_btn span{
    background: #ed414a;
    color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.preview_detail_item{
    background-color: #fff;
    border-radius: 0.2rem; 
    border-radius: 0.2rem;
    margin: 5px 0;
    padding: 10px;
    padding-top: 0;
}
.preview_detail_top{
    background-image: url('../../../public/images/ruletop.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 0%;
    height: 26px;
}


.preview_prize .preview_detail_top{
    background-image: url('../../../public/images/prizetop.png');
}

.msg_pre_view{
    padding-left: 20px;
}
.msg_pre_view img.headimg{
    position: relative!important;
}

.info_l{
    width: 120px;
}
.info_r{
    color: #333;
}
.frm_tips_default{
    width: auto;
}
.info_box{
    padding: 10px 30px;
    height: 434px;
    overflow: auto;
}

.sidebar .menu{
    padding-bottom: 100px;
}

/*shopinfo*/
.shopinfo_box{
    padding: 20px 10px;
}
.shopinfo_box .merchant{
    width: 50%;
}
.shopinfo_box .notice{
    width: 50%;
    position: relative;
}
.shopinfo_top{
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.shopinfo_mid{
    border-bottom: 10px solid #ddd;
    padding-bottom: 20px;
}
.shopinfo_mid_item{
    width: 50%;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #eee;

}
.shopinfo_today_num{
    font-size: 22px;
    font-weight: 700;
    color: #44b549;
}
.shopinfo_midfont{
    font-size: 14px;
    color: #999;
}

.notice_more {
    position: absolute;
    right: 0;
    color: #459ae9!important;
}

.js-image-up{
    width: 80px;
    padding-left: 0;
}

/*music*/
.dropdown_data_list .play_music{
    line-height: 30px;
    cursor: pointer;
    width: 40px;
    text-align: center;
}
.data_orderinfo_item{
    width: 25%;
    text-align: center;
    border: 1px solid #eee;
    padding: 5px;
}
.data_orderinfo_num{
    font-size: 20px;
    font-weight: 400;
    color: #44b549;
}

/**/
.setsite_r{
    margin-top: -5px;
    margin-left: 20px;
}

.setlink_l{
    width: 100px;
    border:1px solid #ddd;
    text-align: center;
    padding: 10px;
}
.setlink_l li{
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
}
.setlink_l .setlink_act{
    background: #eee;
}

.setlink_r{
    margin-left:20px;
    border:1px solid #ddd;
    padding: 10px;
    overflow-y: auto;
    padding-left: 10px!important;
}
.setlink_r_item{
    padding: 5px;
    border-bottom: 1px solid #eee;
}
.setlink_r_box{
    text-align: right;
}
.setlink_r_box span{
    display: inline-block;
    padding: 1px 10px;
    background: #ed414a;
    color: #fff;
    cursor: pointer;
}

.nav_list{
    position: absolute;
    padding: 5px;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
}
.nav_list_item{
    align-items: center;
}
.nav_list_item img{
    width: 25px;
    height: 25px;
    display: inline-block;
}
.nav_list_name{
    font-size: 13px;
    color: #999;
}

.a_btn{
    white-space: nowrap;
}

.delete_this_in{
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #333;
    width: 10px;
    height: 10px;
    line-height: 7px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.show_form_l {
    padding: 0 5px;
    white-space: nowrap;
}
.show_form_r{
    width: 100%;
}
.show_form_r .show_form_input{
    width: 100%;
    border: 1px solid #eee;
}
.app_form_item{
    padding: 5px 0;
    align-items: center;
}
.show_form_text{
    width: 100%;
    border: 1px solid #eee;
    height: 60px;
}
.app_radio_item{
    display: inline-block;
    margin-right: 5px;
}
.app_form_submit{
    display: inline-block;
    text-align: center;
    width: 94%;
    margin-left: 3%;
    background: #ddd;
    height: 35px;
    line-height: 35px;
    color: #fff;
    margin-top: 10px;
    border-radius: 2px;
}

.edit_image_upload60{
    width: 60px!important;
    height: 60px!important;
}
.nowrap{
    white-space: nowrap;
}

.no_data{
    color: #999;
    text-align: center;
    margin-top: 100px;
}

/*temp*/
.temp_page_item{
    width: 200px;
    box-shadow: 1px 0px 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    padding: 5px;
    position: relative;
    display: inline-block;
    margin: 10px;
    overflow: hidden;
}
.temp_item_thumb{
    width: 100%;
    height: 258px;
    overflow: hidden;
    position: relative;
    align-items: center;
    display: flex;
}
.temp_item_thumb img{
    width: 100%;
}

.temp_item_name{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 5px;
}
.temp_item_bot{
    padding: 5px 0;
    height: 30px;
    line-height: 30px;
}

.temp_page_settemp{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 300px;
    cursor: pointer;
    display: none;
}
.settemp_btn{
    color: #fff;
    font-size: 20px;
    border-radius: 2px;
}
.temp_page_actitem{
    position: absolute;
    transform: rotate(-45deg);
    top: -7px;
    z-index: 1;
    background: #ed414a;
    color: #fff;
    width: 100px;
    height: 50px;
    text-align: center;
    line-height: 66px;
    left: -33px;
}
.temp_page_system{
    background: #44b549;
}

.readonlybg{
    background: #ddd;
}

.step_item{
    margin: 10px;
}
.step_item img{
    border: 1px solid #ddd;
}

.setlink_logoimg{
    width: 30px;
    height: 30px;
}
.setlink_in_item{
    padding-left: 5px;
}
.setlink_in_mname{
    max-width: 90px;
}
.frm_control_group_editin{
    margin-bottom: 5px!important;
}

.setlink_r_box span{
    white-space: nowrap;
}

.admin_box_r{
    width: 260px;
    padding: 10px 30px;
}
.admin_box_r img{
    width: 100%;
    border: 1px solid #eee;
}
.font_tips{
    color: #999;
}

.model_temp_name{
    width: 120px;
    overflow:hidden;
}